.page-1 {
  width: 100%;
  height: 100%;
  position: relative;
  background: url(../images/bg-2.png) no-repeat;
  background-size: contain; }
  .page-1 .img-kugou {
    width: 16.09375%;
    position: absolute;
    left: 6.875%;
    top: 3.87324%; }
  .page-1 .img-dog-1 {
    width: 27.03125%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 10.38732%; }
  .page-1 .tijiao {
    width: 21.875%;
    position: absolute;
    left: 23.4375%;
    top: 82.48239%; }
  .page-1 .play {
    width: 21.875%;
    position: absolute;
    top: 82.48239%;
    left: 53.75%; }
  .page-1 .fenxiang {
    display: none;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(2, 5, 11, 0.9); }
    .page-1 .fenxiang p {
      color: yellow;
      font-size: 18px;
      text-align: right; }
    .page-1 .fenxiang .img-dog2 {
      width: 26.25%;
      position: absolute;
      top: 24.82394%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .page-1 .fenxiang .danji {
      width: 100%;
      position: absolute;
      top: 42.86972%;
      color: #FFFFFF;
      font-size: 18px;
      text-align: center; }
  .page-1 input {
    display: none; }
  .page-1 input[name="fenxiang1"]:checked ~ .fenxiang {
    display: block; }
